.main {
    margin: 0 auto;
    width: 1200px;
}

.box {
    width: 100%;
    height: 100%;
    // background: pink;
    // float: left;
}

.box-top {
    // width: 100%;
    border-bottom: 3px #000 solid;
    // margin-right: auto;
    // margin-left: auto;

    .box-t {
        width: 996px;
        height: 60px;
        // background: red;
        // margin-left: 200px;

        .top-logo {
            width: 171px;
            height: 40px;
            // background: pink;
            margin-top: 10px;
            // margin-left: 10px;


            img {
                width: 171px;
                height: 40px;
            }
        }
    }
}

.top-left {
    width: 415px;
    height: 65px;
    // background: pink;

    ul {
        display: flex;
        // flex-direction: column;
        // justify-content: center;
        margin-top: 20px;

        li {
            display: inline-block;
            padding: 0 10px;
            line-height: 28px;
            // font-weight: bolder;
        }
    }
}

// 内容开始
section{
    
}

.ys {
    background: #000;
}

.box-below {
    width: 1150px;
    height: 340px;
    // background: yellow;

    .bb-top {
        display: flex;
        border-bottom: 1px solid #4e4d4d;
        width: 1150px;
        // height: 49px;

        .bbt {
            display: flex;
            width: 200px;
            line-height: 49px;
            color: #f5f5f5;
            margin-top: 15px;

            span {
                color: red;
            }

            img {
                width: 44px;
                height: 49px;
            }
        }

        .bbt1 {
            display: flex;
            line-height: 49px;
            width: 200px;
            color: #f5f5f5;
            float: left;
            margin-top: 15px;

            span {
                color: red;
            }

            img {
                width: 44px;
                height: 49px;
            }
        }
    }

    .bb-zhong {
        width: 1150px;
        height: 151px;

        // background: red;
        ul {
            height: 151px;
            // width: 150px;
            // background: yellow;
            display: flex;
            justify-content: space-between;

            li {
                margin-top: 15px;
            }

        }

        ul>li>p>span {
            color: rgb(143, 140, 140);
            display: inline-block;
            margin-top: 8px;
        }
    }

    .bb-xia {
        width: 1150px;
        height: 124px;
        // background: red;
        // display: flex;

        .bbx-top {
            width: 1150px;
            height: 60px;
            // background: pink;

            // float: left;
            .bbxt-left {
                display: flex;
                justify-content: space-between;
                width: 267px;
                height: 60px;
                background: #000;
                float: left;


                img {
                    margin-top: 10px;
                    width: 76px;
                    height: 34px;
                }
            }

            .bbxt-re {
                width: 690px;
                height: 60px;
                margin-right: 100px;
                // background: yellow;
                display: flex;
                flex-wrap: wrap;
                color: rgb(143, 140, 140);

            }


        }

        .bbx-botten {
            width: 1030px;
            height: 40px;
            color: rgb(143, 140, 140);
        }

    }

}